<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/jquery.js"></script>
    <script>
        $(function() {
                $('button').click(function() {
                    $.ajax({
                        url: 'http://127.0.0.1:3001/getdata1',
                        success: function(data) {
                            console.log('第一次请求获取数据成功.data=' + data)
                            $.ajax({
                                url: 'http://127.0.0.1:3001/getdata2',
                                success: function(data) {
                                    console.log('第二次请求获取数据成功.data=' + data)
                                }
                            })
                        }
                    })

                })
            })
            // 点击按钮,看看日志打印, 是先打印第一次请求获取到数据的结果,还是先打印第二次请求获取到数据的结果? 说明了什么问题
            // 如何让顺序一定是:  先打印第一次请求获取到数据的结果, 再打印第二次请求获取到数据的结果
    </script>
</head>

<body>
    <button>点我发送请求</button>
</body>

</html>